import React,{  FC } from 'react'
import { Tabs } from 'antd';
import { AndroidOutlined, BarsOutlined } from '@ant-design/icons';
import ComponentLib from './ComponentLib.tsx'
import Layers from './Layers.tsx';

const LeftPanel: FC = ()=>{
    const tabsItems = [
        {
            key: 'componentLib',
            label:(
                <span>组件库</span>
            ),
            children:<div><ComponentLib /></div>,
            icon: <AndroidOutlined />,
        },
        {
            key:'layers',
            label:(
                <span>图层</span>
            ),
            children:<Layers />,
            icon: <BarsOutlined />,
        }
    ]
    return <Tabs defaultActiveKey='componentLib' items={tabsItems} />
}

export default LeftPanel